<div class = "container content clearfix">
    <style type = "text/css">
        #appropriation {
            padding: 0;
            margin: 0
        }

        #action {
            position: absolute;
            top: -40px;
            left: 0px;
            background-image: url(../images/opacity.png);
            width: 100%;
            color: #fff;
            font-size: 18px;
            padding-bottom: 20px;
            padding-top: 20px;;
        }

        #action:hover {
            top: 0px;
            animation-duration: 1s;
        }
    </style>
    <div id = "appropriations-map" class = "chart-container">
        <appropriations-map></appropriations-map>
    </div>
    <nav curr = "appropriation"></nav>
    <div id = "action">
        <div id = "platform" class = "fl clearfix">
            <span class = "fl ml10">查看范围:</span>
            <div class = "fl ml10 cp">
                <input type = "checkbox" id = "taobao" ng-model = "platform.tb"/>
                <label for = "taobao">淘宝</label>
            </div>
            <div class = "fl ml20 cp">
                <input type = "checkbox" id = "tianmao" ng-model = "platform.tm"/>
                <label for = "tianmao">天猫</label>
            </div>
            <div class = "fl ml20 cp">
                <input type = "checkbox" id = "jingdong" ng-model = "platform.jd"/>
                <label for = "jingdong">京东</label>
            </div>
        </div>
    </div>
</div>
